<!DOCTYPE html>
<html lang="en">
<head>
    <title>Product Page</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/home.css" type="text/css" media="all">
	<script src="js/jquery-1.7.2.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="D:/Reference_Material/ProfileMeUp/weblab_template_2451/bootstrap/bootstrap/css/bootstrap.css"
        type="text/css" media="all">
    <style type="text/css">
        .testTitle
        {
            background-color: #D0E3F0;
            border-left: 4px solid #A2B5C2;
            text-align: center;
        }
        
        .qMainArea
        {
            width: 72%;
            float: left;
        }
        .qTitleA
        {
            background-color: #E8E8E8;
            border-bottom: 1px solid #808080;
            color: #333333;
            padding: 10px 15px;
			border-radius: 8px 8px 8px 8px;
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        }
        
        .qDescrip
        {
            min-height: 80px;
            overflow-y: auto;
            word-wrap: break-word;
        }
        
        .qcA_navA
        {
            margin-top: 10px;
        }
        .qNumArea
        {
            padding-bottom: 7px;
        }
        .qOption
        {
            padding: 7px;
            min-height: 100px;
            overflow-y: auto;

        }
        .qOption table
        {
            border-spacing: 10px;
            border-collapse: separate;
        }
        .qOption table tr td
        {
            vertical-align: top;
            padding-bottom: 12px;
        }
		.btn_Area
		{
           margin-top:8px;
		}
		.rightSection_ans
		{
            background-color: #E8E8E8;
            border-bottom: 1px solid #808080;
            color: #333333;
			height: 90%;
			width: 25%;
            padding: 10px 15px;
			border-radius: 8px 8px 8px 8px;
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
		}
		
		.qNumPanel 
		{
			max-height: 300px;
			overflow-y: auto;
		}
		
		.qNColor_unAns
		{
				    background-color: #999999;
					color: #FFFFFF;
		}
		
		.qNColor_Ans
		{
				    background-color: #468847;
					color: #FFFFFF;
		}
		
	    .qNColor_MarkedRev
		{
				    background-color: #C45C5C;
					color: #FFFFFF;
		}
		
		.qNColor_NotVisited
		{
			background-color: #FFFFFF;
			color: #393939;
		}
		
		.quesNo
		{
			border-radius: 9px 9px 9px 9px;
			padding-left: 9px;
			padding-right: 9px;
			display: inline-block;
			font-size: 11.844px;
			font-weight: bold;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			vertical-align: baseline;
			white-space: nowrap;
			margin:6px;
			width:15px;
			text-align:center;
			cursor:pointer;
		}
		
		.legendInfo
		{
		  margin-top:15px;
		}
		
		.legendTxt, .questionPlatee
		{
		    background-color: #D0E3F0;
            border-left: 4px solid #A2B5C2;
            text-align: left;
			padding:3px;
			margin-bottom:5px;
		}
		
		.submisArea_ProfileBtn
		{
			margin-top: 15px;
			padding: 5px;
		}
		
		.submisArea_ProfileBtn button
		{
		width:135px;
		}
		.margin5px
		{
		  margin-top:5px;
		}
		.timer
		{
		  margin-bottom:10px;
		}
    </style>

</head>
<body>
   <div id="wrapper" class="boxed">
 <div class="navbar navbar-inverse">
    <div class="navbar-inner">
	  <div class="container">
	        <a href="/"><img width="109" height="30" src="img/log.png" class="logo" alt="Logo_biznote_109_30"></a>
		    <ul class="nav pull-right">
              <li class="active"><a href="index.html"><i class="icon-home icon-white"></i>Home</a></li>
              <li class=""><a href="about.html">About</a></li>
              <li class=""><a href="contact.html">Contact</a></li>
			  <li class=""><a href="BuyPage.html">Categories</a></li>
			  <li class=""><a href="SignUp.html"><i class="icon-user icon-white"></i>Sign Up</a></li>
			  <li class=""><a href="Login.html">LogIn <i class="icon-plus-sign icon-white"></i></a></li>
            </ul>
	  </div>
	</div>
 </div>

        <div class="container">
            <!-- Content Area For Each Page -->
            <div class="pmu-content-GiveTestPage">
                <div class="row testTitle">
                    <h4>For Sale - CANON EOS 5D Only 2 months used</h4>
                </div>
                <div class="row qcA_navA">
                    <div class="qMainArea">
                        <div class="qArea">
                            <div class="qTitleA">
                                <div class="qNumArea">
                                    <strong>Product Image </strong><span class="badge">Seller: Rahul Singh</span>
                                </div>
                                <div class="qDescrip">

									<div id="myCarousel" class="carousel slide">
   <!-- Carousel indicators -->
   <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
   </ol>   
   <!-- Carousel items -->
   <div class="carousel-inner">
      <div class="item active">
         <img width="800" height="800" src="img/Camera/1.jpg" alt="First slide">
      </div>
      <div class="item">
         <img width="800" height="800" src="img/Camera/2.jpg" alt="Second slide">
      </div>
      <div class="item">
         <img width="800" height="800" src="img/Camera/3.jpg" alt="Third slide">
      </div>
   </div>
   <!-- Carousel nav -->
   <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
   <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div> 
                                </div>
                            </div>
                            <div class="qOption">
							<strong>Product Description </strong><br/>
                                Canon EOS 5D Digital SLR Camera Body Only with All Accessories, Original Canon Battery Grip (Which can take upto Two Batteries) & RRS Metal L-Plate in Original Box Like New Condition<br/>

Item Condition:<br/>
I brought this camera from USA two months ago & never used it much<br/>
Shutter count is near 5000-6000<br/>
LCD has a Screen Protector on it from very first day<br/>
Item is in MINT Like New Condition<br/>
Item is in the Original Box<br/>

Items Included:<br/>
Canon EOS 5D<br/>
Shoulder Strap<br/>
Canon Leather Hand Grip<br/>
Canon Battery Grip<br/>
AA Battery Holder<br/>
RRS Metal L-Plate<br/>
Original Battery<br/>
Extra Battery<br/>
Charger (After Market)<br/>
Manuals<br/>
Quick Start Guide<br/>
Software CD<br/>
Original Box<br/>

I tried to show the item condition from every angle in pictures<br/>
If you still have question Please Call: 9971705651<br/>

                            </div>
                        </div>
						<div class="btn_Area">
						    <div class="pull-left">
								 <button type="button" class="btn btn-info">Back to List</button>
							     <button type="button" class="btn btn-danger">Report Spam</button>
							</div>
							<div class="pull-right">
								 <button type="button" class="btn btn-success">Contact Seller & Buy</button>
							</div>
                        </div>
                    </div>
                    <div class="rightSection_ans pull-right">
                       <div id="showTime" class="timer"><h3><strong>Price (Rs):</strong> 5,000</h3></div>
					   <div class="questionPlatee">Details :</div>
					   <div class="qNumPanel">
					   Ad Posted On: <b>22/8/2014</b><br/>
					   Seller: <b>Rahul Singh</b><br/>
					   Phone: <b>95********</b>
					   
					   </div>
					   
					   <div class="legendInfo">
					      <div class="legendTxt">Location :</div>
			                  C. V. Raman Hostel
					   </div>
					   <div class="legendInfo">
					      <div class="legendTxt">NOTE :</div>
			                  1. Meet seller at a safe location<br/>
2. Check the item before you buy<br/>
3. Pay only after collecting the item<br/>
4. <b>Bits Bazaar is a classified only & is not responsible for the product/delivery</b><br/>
					   </div>
					   <div class="submisArea_ProfileBtn">
							<div class="margin5px">
							    <button type="button" class="btn btn-danger">Report Spam</button>
								<div class="pull-right"><button type="button" class="btn btn-success">Contact Seller</button></div>
							</div>
					   </div>
                    </div>
                </div>
            </div>
        </div>

		<div class="footer">
		<div class="sub-footer-aboutpmu">
		    <div class="container">
			    <div class="span8 margin-0 pull-left">
                    <div class="sitename">
                        <h4>Bits Bazaar</h4>
                    </div>
                    <p>Bits Bazaar is an online free marketplace for Bits Pilani. You can sell or buy Bicycles, Furniture, Electronics & more.. </p>
                </div>
                <div class="socialMediaArea span3 pull-right">
                    <div class="span3"><h6>  Connect With Bits Bazaar </h6></div>
                    <ul class="social-network">
                        <li><a href=""><img class="img-polaroid" src="img/fb.png" /></a></li>
                        <li>
                            <a href=""> <img class="img-polaroid" src="img/g+.png" /></a></li>
                        <li>
                            <a href=""> <img class="img-polaroid" src="img/tw.png" /></a></li>
                        <li>
                           <a href=""> <img class="img-polaroid" src="img/ln.png" /></a></li>
                    </ul>
                </div>
			</div>
		</div>
		<div class="sub-footer">
		  <div class="container">
                <ul class="pull-left">
                    <li><a href="index.html">Home</a></li>
                    <li>|</li>
                    <li><a href="about.html">About</a></li>
                    <li>|</li>
                    <li><a href="contact.html">Contact</a></li>
                    <li>|</li>
                    <li><a href="BuyPage.html">Categories</a></li>
                </ul>
                <div class="span4  pull-right copyright">
                    BitsBazaar &copy; 2014 all rights reserved.
                </div>
            </div>
		</div>
 </div>
 </div>

</body>
